﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />

    <link href="~/Content/style.css" rel="stylesheet" />
    <title>Index</title>
</head>
<body>
    <div> 

        <div id='flyout_menu'>
            <ul>
              @foreach (var menulevel1 in ViewBag.MenuLevel1)
              {
                <li>
                    <a href='#'><span>@menulevel1.Name</span></a>
                    @if (menulevel1.Parent.Count > 0)
                    {
                        <ul>
                            @foreach (var menulevel2 in menulevel1.Parent)
                            {
                                <li>
                                    <a href='#'><span>@menulevel2.Name</span></a>
                                        <ul>
                                            <li><a href='#'><span>Sub Product</span></a></li>
                                        </ul>
                                </li>
                            }
                           


                        </ul>
                    }
                    
                </li>
              }
                
                
            </ul>
        </div>



    </div>
</body>
</html>
